<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>myblog站点</title>
    <link rel="stylesheet" href="static/css/index.css">
</head>
<body>
<div class="header">
 <li>大数据Data</li>
    <li>旅行Travel</li>
   <li><a href="/book">文章Book</a></li>
</div>
<section>
    <img src="static/img/demo.jpg" alt="">
</section>
<div class="footer">
    <li>made by Cao Jianhua</li>
    <li>Copyright@2020-2025</li>
</div>
</body>
</html>
还是常规的html设计方式，在head头部加入了资源文件css，在导航菜单使用了a超链接，在中部使用了读取静态图片资源
对于资源文件的访问方式是一样设置，即在站点目录下新建一个static文件夹，里面创建css和img子目录，然后将首页的css文件
放在css目录下，将首页的demo.jpg文件放在img子目录里。为了网页渲染时能正确访问到资源文件位置，还需要回到核心子模块的
setting全局设定里，加入如下内容：
